<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解 javaScript功能：页面上所有触发型效果
		  JQuery的使用方式：
		  1.JQuery官方网站，下载JQuery封装js库，格式：jquery-1.11.1.js
		                   jquery-1.x.js之后的版本不支持IE 6、7、8
		  2.引入JQuery 【js类库】，在head中，script元素、导入
		          <script src="js/jquery-1.11.1.js"></script>
		  3.编写JQuery框架语法---页面动态效果
		  在页面最后body前方加script元素，为什么？
		  思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，理解DOM树
		  整个html+css  理解为一颗DOM树：元素、属性、属性值，先存在
		  这些元素，才可以进行操作。所以JS当中DOM树的操作需要等负面元素
		  都加载完毕，才可以进行对页面元素进行实质性操作
		  javaScript行为层 EMCAScript5.0核心语法层--类似与java基础
		                   功能：做逻辑
				重点   		DOM  Document Object Model 文档节点对象模型
							功能：作页面效果【结合逻辑】
							DOM树     document     元素、属性
							            html
									head   body
								meta
							charsert
							BOM  Browser Object Moael  浏览器对象模型
							功能：做浏览器效果【结合逻辑】   吸顶灯效果
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<!-- 编写JQ语法 -->
		<script>
			/* JQ语法 */
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>